<blockquote class="layui-elem-quote">
  <div class="layui-inline">
    <i class="layui-icon layui-icon-list layui-head-icon"></i>
    <span class="layui-font-16 layui-font-green">文章分类管理</span>
  </div>
  <div class="layui-pull-right">
    <a class="layui-btn layui-btn-primary layui-border-green" 
    data-url="{:url('/store/article/category/create')}" 
    data-title="添加文章分类"
    data-w = "600px"
    data-h = "500px"
    id="add">添加文章分类</a>
  </div>
</blockquote>
<div class="layui-card">
  <div class="layui-card-body">
    <fieldset class="layui-elem-field">
      <legend>条件搜索</legend>
      <div class="layui-field-box">
        <form class="layui-form layui-form-pane" action="{:url('/store/article/category')}" method="GET">
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">分类名称</label>
              <div class="layui-input-inline">
                <input type="text" name="keyword"  placeholder="请输入分类名称" autocomplete="off" class="layui-input">
              </div> 
            </div>
            <div class="layui-inline">
              <div class="layui-input-inline">
                <button  class="layui-btn" lay-submit lay-filter="search">搜索</button>
              </div>
            </div>
          </div>
        </form>   
      </div>
    </fieldset>
    <form class="layui-form">
      <table class="layui-table">
        <thead>
          <tr>
          <th><input type="checkbox" title="ID" lay-skin="primary"></th>
          <th>排序</th>
          <th>分类名称</th>
          <th>状态</th>
          <th>创建时间</th>
          <th>更新时间</th>
          <th>操作</th>
          </tr> 
        </thead>
      <tbody>
      {foreach $list as $vo}
      <tr>
        <td><input type="checkbox" title="{$vo.id}" lay-skin="primary" value="{$vo.id}"></td>
        <td>
          <input type="text" class="layui-input layui-input-w4"  value="{$vo.sort}">
        </td>
        <td>{$vo.category_name}</td>
        <td>
            {empty name='$vo.status'}
              <span class="layui-font-red">禁用</span>
            {else/}  
              <span class="layui-font-green">启用</span>
            {/empty}
        </td>
        <td>{$vo.create_time}</td>
        <td>{$vo.update_time}</td>
        <td>
          {empty name='$vo.status'}
          <a class="layui-btn layui-btn-sm layui-btn-primary layui-border-green switch"
            data-url="{:url('/store/article/category/switch')}"  
            data-status="1" 
            data-id="{$vo.id}">启用</a>
          {else/}  
          <a class="layui-btn layui-btn-sm layui-btn-primary layui-border-red switch" 
            data-url="{:url('/store/article/category/switch')}" 
            data-status="0" data-id="{$vo.id}">禁用</a>
          {/empty}
          <a class="layui-btn layui-btn-sm edit" data-url="{:url('/store/article/category/edit',['id'=> $vo.id])}" 
            data-title="编辑文章分类"
            data-w = "600px"
            data-h = "500px">编辑</a>
          <a class="layui-btn layui-btn-sm layui-btn-danger del" data-url="{:url('/store/article/category/delete',['id'=> $vo.id])}">删除</a>
        </td>
      </tr>
      {/foreach}
      </tbody>
      </table>
  </form> 
  </div>
</div>
<script>  
    layui.use('form', function(){
      var form = layui.form;

      form.render('checkbox');
      form.render('select');
    });              
</script>